<template>
  <div class="demo-image__lazy">
    <el-input type="textarea" placeholder="历史想记录下你的容颜！！！"
              :autosize="{minRows: 4, maxRows: 4}" :style="{width: '100%'}" style="font-size: 15px"></el-input>
<!--    <p class="el-textarea__inner">-->
<!--      在子组件调用位置通过v-bind:childParamName=“parentParamName” (或者简写成 :childParamName=“parentParamName”）-->
<!--    </p>-->
    <el-image v-for="url in urls1" :key="url" :src="url" lazy>
    </el-image>
    <span>历史想记录下你的容颜！！！</span>
    <el-image v-for="url in urls2" :key="url" :src="url" lazy>
    </el-image>
  </div>
</template>

<script>
export default {
  name: "animal",
  data() {
    return {
      urls1: [
        'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
        'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg',
        'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg'
      ],
      urls2: [
        'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg',
        'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg',
        'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg',
        'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg'
      ]
    }
  }
}
</script>

<style scoped>
.el-textarea__inner{
  font-family: "Microsoft YaHei";
  size: 1rem;
  font-size: 15px;
}
</style>
